<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('fancy/jquery.fancybox.css');
/*Start::Listing News*/
.post-content {display: -ms-flexbox;-ms-flex-align: start;align-items: flex-start;margin: 0 auto 20px auto;padding: 0;background: #fff;overflow: hidden;border-radius: 3px;flex: 1 auto;border-bottom: 1px solid #ddd;}
.post-col { padding-right: 15px; padding-left: 15px; }
.post-column { flex: auto; }

.row-post { display: flex; flex-wrap: wrap; margin-left: calc(-.5 * 20px); margin-right: calc(-.5 * 20px); }
    .row-post &gt; * { flex-shrink: 0; width: 100%; max-width: 100%; padding-left: calc(20px * .5); padding-right: calc(20px * .5); }
.post-body { padding: 15px 0; flex: 1; }
.post-text { margin-bottom: 0; }
.post-image { margin-right: 15px; margin-left: 0; width: 100%; height: 200px; overflow: hidden; border-radius: 3px; }
.rtl .post-image { margin-right: 0; }
.post-image img { max-width: 100%; height: 100%; object-fit: cover; border-radius: 3px; transform: scale(1); transition: all 0.5s linear; }
    .post-image img.no-image { width: 100% }

.post-content:hover .post-image img { transform: scale(1.2); }
.list-post { width: 100%; }

.post-body h4 { margin: 0; line-height: 2; font-weight: 800; margin-bottom: 5px; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }



.post-body p {margin: 0;line-height: 1.8;}
.post-meta {display: flex;flex-direction: row;flex-wrap: nowrap;flex: auto;align-items: center;justify-content: flex-start;align-content: center;margin-bottom: 10px;}

.post-category span a { background: #f7fbfc; padding: 3px 10px; display: inline-flex; margin-right: 15px; margin-left: 0; border-radius: 3px; }
.rtl .post-category span a { margin-left: 15px; margin-right: 0; }

.post-date span { margin-right: 15px; margin-left: 0; }
.rtl .post-date span { margin-left: 15px; margin-right: 0; }
.post-view-comment span { color: #777; }


/*End::Listing News*/
/*Start:listing last news*/

.title-list { background: #f7fbfc; margin-bottom: 30px; }
    .title-list h4 { margin: 0; padding-right: 10px; border-right: 3px solid; padding: 5px; }
.head-caption { background: #f7fbfc; margin-bottom: 30px; }

    .head-caption h3 { margin: 0; border-right: 3px solid; padding: 5px; }
.listing-mix .listing-modern-grid .item-content { position: relative; overflow: hidden; border-radius: 3px; height: 200px; }


    .listing-mix .listing-modern-grid .item-content img { max-width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.5s linear; }
.listing-type-post:hover .item-content img { transform: scale(1.1); }
.listing-mix .listing-modern-grid .item-content &gt; a { display: block; width: 100%; height: 100%; position: relative; z-index: 0; border-radius: 3px; }


.listing-mix .listing-modern-grid .content-container { margin-bottom: 20px; flex: 1; }

.listing-mix .listing-modern-grid .term-badges { position: relative; left: auto; right: auto; top: auto; bottom: auto; margin-bottom: 15px; margin-top: 10px; }

.listing-mix .listing-modern-grid span.term-badge.term-5 a { padding: 2px 7px; margin-left: 5px; }

.listing-mix .listing-modern-grid h4.title { font-size: 15px; text-align: inherit; text-transform: capitalize; margin: 0 0 10px 0; text-shadow: -1px 1px 3px rgb(0 0 0 / 20%); line-height: 1.4; /* text-align: center !important; */ }
    .listing-mix .listing-modern-grid h4.title a { line-height: 1.6; }
.listing-mix .listing-modern-grid p { line-height: 1.6; }
.listing-mix .listing-modern-grid .post-meta { margin-top: 12px; text-align: center !important; font-size: 11px; }

.listing-mix .listing-modern-grid time.post-published { font-size: 12px; margin-left: 5px; }
.listing-mix .item-inner { display: flex; margin-bottom: 25px; flex-direction: column; }
.listing-mix .title { line-height: 1.1em; }
.listing-mix .listing-thumbnail .featured.featured-type-featured-image { height: 120px; border-radius: 3px; overflow: hidden; }

.listing-mix .title-post h4.title a { line-height: 1.6; font-size: 12px; }

.listing-mix .listing-thumbnail .featured.featured-type-featured-image img { height: 100%; max-width: 100%; /* object-fit: cover; */ border-radius: 3px; transition: all 0.5s linear; }
.item-inner:hover img { transform: scale(1.1); }
.listing-mix .listing-thumbnail time.post-published.updated { font-weight: 400; font-size: 11px; text-transform: none; }

.listing-mix .listing-mix .row-2 { margin-top: 23px; }
.row-2 { margin-top: 30px; }
svg.i-calendar, svg.i-chat { width: 1rem; height: 1rem; margin-left: 2px; }
svg { fill: #a66ffa; }
/*End:listing last news*/






/*Start::view post*/
.post-meta.single-post-meta svg { width: 2rem; height: 2rem; margin-left: 0px; margin-right: 5px }
.rtl .post-meta.single-post-meta svg { margin-left: 5px; margin-right: 0 }
.post-header h2 { font-weight: 900; text-transform: capitalize; line-height: 1.3; margin-bottom: 30px; margin-top: 0; }

.post-meta-wrap { margin: 15px 0 20px; padding: 0; display: flex; justify-content: space-between; align-items: center; }

span.post-author-name { margin-left: 7px; color: #777; }
.time { color: #777; }

.single-post-meta b { margin-left: 2px; }
.single-featured { text-align: center; display: block; margin: 0 0 20px; line-height: 0; position: relative; }

    .single-featured img { max-width: 100%; height: auto !important; border-radius: 3px; }
span.term-badge a { background-color: #f7fbfc !important; padding: 2px 6px; display: inline-block; line-height: 18px; font-size: 12px; border-radius: 3px; }
.post-share { display: flex; align-content: center; justify-content: space-between; align-items: center; margin-bottom: 30px; }

span.share-handler { background: #f7fbfc; border: solid 1px #e7e7e7; line-height: 30px; display: inline-block; padding: 0 10px 0 5px; border-radius: 3px; font-size: 12px; margin-right: 8px; margin-left: 0; margin-bottom: 9px; vertical-align: top; position: relative; }
.rtl span.share-handler { margin-left: 8px; margin-right: 0; }
span.share-handler svg { width: 1.5rem; height: 1.5rem; margin: 0 10px 0 5px; }
.rtl span.share-handler svg { margin: 0 5px 0 10px; }
span.share-handler:before, span.share-handler:after { border: solid 6px rgb(0 0 0 / 0%); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; top: 50%; right: -12px; border-left-color: #dbe5e8; margin-top: -6px; }
.rtl span.share-handler:before, .rtl span.share-handler:after { right: auto; left: -12px; border-right-color: #e7e7e7; border-left-color: transparent; }
span.share-handler:after { border: solid 5px rgba(0, 0, 0, 0); border-left-color: #fff; right: -10px; margin-top: -5px; }
.rtl span.share-handler:after { border-right-color: #f7fbfc; right: auto; left: -10px; }
span.social-item .icon-svg svg { width: 2.6rem; height: 2.6rem; }
.post-share-btn-group .icon-svg svg { width: 1rem; height: 1rem; }

.post-share-btn-group .post-share-btn { line-height: 30px; vertical-align: top; border-left-width: 0; border-right-width: 0; color: #000; }

.post-share-btn:before, .post-share-btn:after { display: inline-block; content: ' '; width: 1px; height: 66%; background: #e7e7e7; position: absolute; top: 17%; }
.post-share-btn:before { left: 0; }
.post-share-btn:after { right: 0; }
.post-share-btn { line-height: 30px; display: inline-block; padding: 0 5px; border-radius: 0; font-size: 12px; vertical-align: top; position: relative; }
    .post-share-btn:first-child { border-radius: 0 3px 3px 0; border-left-width: 1px; }
.post-share-btn-group .icon-svg { margin: 0 5px; }
.post-share-btn-group .number { line-height: 2; margin: 0 5px; }

.post-share-btn:last-child { border-right-width: 1px; }
.post-share-btn.post-share-btn-views:before { display: none; }
span.print-post { padding: 0 8px 0 8px; }
.post-share-btn-group { border: solid 1px #e7e7e7; border-radius: 3px; overflow: hidden; background: #f7fbfc; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.entry-content p { margin-bottom: 17px; }

.entry-content { line-height: 2; text-align: inherit; text-transform: initial; }

span.terms-label svg { width: 1.2rem; height: 1.2rem; }
.entry-terms.post-tags a:hover { background-color: #e7e7e7 !important; }
.entry-terms.post-tags a { background: #FFFFFF; border: solid 1px #e7e7e7; padding: 1px 9px; display: inline-block; line-height: 20px; margin-right: 3px; font-size: 10px; margin-bottom: 3px; border-radius: 3px; }
.entry-summary .blockquote { background: #fff; padding: 15px; margin: 0 0px; font-style: normal; font-size: 12px; }

blockquote.blockquote p { background: #f7fbfc; margin-bottom: 0px; border-left: 2px solid #ff1857; padding: 30px; font-style: normal; font-size: 14px; }
.rtl blockquote.blockquote p { border-right: 2px solid; border-left: none; }
span.terms-label { display: inline-block; line-height: 22px; border: 1px solid #e7e7e7; background: #f7fbfc; font-size: 10px; border-radius: 3px; width: 25px; text-align: center; margin-right: 5px; }
.post-related { position: relative; padding: 20px; border: solid 1px #e7e7e7; border-radius: 3px; margin-top: 50px; background: #f7fbfc; margin-bottom: 50px; }

.title-head { border-bottom: solid 1px #e7e7e7; margin-bottom: 20px; }

    .title-head h3 { margin-top: 0; }





.related-image img { width: 100%; border-radius: 3px; object-fit: cover; height: 100%; }



/*End::view post*/
/*Start:files*/
span.file-count { display: flex; font-weight: bold; }

.files-header { padding-top: 20px; display: flex; flex: auto; flex-wrap: wrap; }
    .files-header span { display: flex; flex: auto; flex-wrap: wrap; flex-direction: row; justify-content: center; align-content: center; align-items: center; padding: 5px; }
        .files-header span.btns-file a { display: flex; border: 1px solid; border-radius: 3px; padding: 10px 20px; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; align-items: center; flex: auto; }
/*End:files*/
/*Start:Images Related*/
.col-images {
        flex: 0 0 auto;
        width: 16.66666667%
}

.item-related-images {box-shadow: 0 0 3px 1px #dfdfdf8c;padding: 10px;text-align: center;margin-bottom: 20px;}


.item-related-images img {
    height: 80px;
    width: auto;
    max-width: 100%;
}

.post-related-images {
    margin-top: 50px;
}
/*End:Images Related*/
/*Start::Related*/
.wrap-related .post-content { flex-direction: column; background: none; }
.wrap-related .post-body { padding: 0; }
    .wrap-related .post-body h4 { font-size: 13px; }

/*End::Related*/
/*Images LightBox*/
.view-news .view-photos { margin: 0 0 20px 0; }
    .view-news .view-photos h3 { margin: 0 0 20px 0; color: #010101; position: relative; }
        .view-news .view-photos h3:after { width: 100%; height: 3px; background: #E2E2E2; position: absolute; top: 50%; content: ''; display: inline-block; margin-right: 2px; z-index: 5; margin-top: 1px; }
    .view-news .view-photos ul { margin: 0; }
        .view-news .view-photos ul li { display: inline-block; margin: 0 0 9px 7px; border: 1px solid #888; position: relative; overflow: hidden; }
            .view-news .view-photos ul li:hover a i { opacity: 1; visibility: visible; }
            .view-news .view-photos ul li i { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; opacity: 0; visibility: hidden; position: absolute; z-index: 2; top: 50%; color: #fff; left: 50%; margin-left: -16px; margin-top: -18px; font-size: 16px; background: #888; width: 35px; height: 35px; border-radius: 50%; text-align: center; padding: 8px 0 0 0; }
            .view-news .view-photos ul li:hover img { opacity: 0.8; }
            .view-news .view-photos ul li img { background-color: #010101; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; width: 100%; height: 70px; }
#sb-body-inner img { position: relative !important; }
#sb-title { background: rgba(0,0,0,0.55); padding: 0 5px; }
#sb-info-inner { background: rgba(0,0,0,0.55); }
/*News Post*/

/*Start::form comment*/

.comments-template { margin-top: 50px; margin-bottom: 30px; }

.note-before { margin-bottom: 15px; text-align: center; }
.post-comment .sb { margin-bottom: 15px; }
.ctrl-captcha-manage { position: relative; }
    .ctrl-captcha-manage img.imgCaptcha { position: absolute; left: 11px; top: 1px; z-index: 99; max-width: 100%; max-height: 39px; }
a.refresh-captcha { position: absolute; top: 1px; right: 0; z-index: 9; width: 39px; background: #f7fbfc; height: 39px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; border-left: 1px solid #e7e7e7; }
.parComment input[type="text"], .ctrl-captcha-manage input[type="text"] { border-radius: 3px; display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; border: solid 1px #e7e7e7; width: 100%; text-align: right; }
.ctrl-captcha-manage input[type="text"] { text-align: left; padding-left: 160px; font-size: 13px; font-weight: bold; }
    .parComment input[type="text"]:focus, .ctrl-captcha-manage input[type="text"]:focus { box-shadow: none; }
.post-comment .txtComment textarea { resize: vertical; height: 150px; min-height: 40px; display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; width: 100%; border: solid 1px #e7e7e7; padding: 18px 12px; }
.parComment input[type="button"] { outline: 0; font-size: 13px; font-weight: 500; text-transform: uppercase; display: inline-block; background: #E2E2E2; color: #111; padding: 14px 25px; border: none; cursor: pointer; font-weight: 500; -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; /* width: 100%; */ border: 2px solid #111; }
p.parComment.col-sm-12 { text-align: left; }
.notiComment input[type="checkbox"] { margin: 0 5px 0 0; vertical-align: middle; }
.rtl .notiComment input[type="checkbox"] { margin: 0 0 0 5px; }
.parComment .label-input { display: none; }
.post-comment .captcha-input { clear: both; padding: 0 15px; position: relative; margin: 8px 0 10px 0; }
    .post-comment .captcha-input &gt; div { display: none; }
    .post-comment .captcha-input &gt; img { position: absolute; left: 17px; top: 2px; }
    .post-comment .captcha-input &gt; input { float: right; display: inline-block; padding: 10px; font-family: inherit; font-size: 13px; vertical-align: middle; background-color: #ffffff; border: 2px solid #E2E2E2; width: 100%; }
.form-submit input[type="button"] { border-radius: 3px; outline: 0; height: auto; line-height: 1.4; padding: 10px 60px; vertical-align: middle; text-transform: uppercase !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; max-width: 100%; white-space: normal; background-color: #f7fbfc !important; color: #a400f8; border: 1px solid; }
    .form-submit input[type="button"]:hover { opacity: 0.8; }
.notiComment { margin-top: 15px; }
.form-footer { display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; flex-wrap: wrap; align-content: flex-start; }
/*End::form comment*/
/*Start::Comments*/
.single-comment { display: flex; justify-content: space-between; align-content: center; }

.edit-comment { display: flex; }

    .edit-comment span { margin-right: 10px; }

        .edit-comment span a { border: 1px solid; padding: 0 10px; border-radius: 3px; display: flex; }

.comment-list { margin-bottom: 45px; transition: all 0.5s linear; }

.user-comment { display: flex; justify-content: space-between; align-items: flex-start; }

.desc-user h5 { margin: 0; line-height: normal; }

.thumb-user svg { width: 4rem; height: 4rem; }

.thumb-user { margin-left: 15px; }

.desc-user p.date-comment { font-size: 12px; color: #b3b3b3; margin-bottom: 5px; }

/*End::Comment*/
/*related hover*/
.related-image { position: relative; float: left; overflow: hidden; margin: 10px 1%; width: 100%; background: #000000; text-align: center; }
    .related-image i { position: absolute; top: 50%; left: 50%; border-radius: 50%; font-size: 34px; color: #000000; width: 60px; height: 60px; line-height: 60px; background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045); }
    .related-image a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; }
    .related-image:hover img { opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    .related-image:hover i { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
/*search news*/
.box-news-search { padding: 15px 0; background: #F5F5F5; margin: 0 0 10px 0; }
.box_search { position: relative; padding: 0 15px; }
input.input_search { border: none; padding: 0 10px 0 0; box-shadow: 0px 2px 3px 0px rgba(101, 97, 94, 0.13); background: #fff; width: 100%; vertical-align: top; box-sizing: border-box; height: 35px; border-radius: 3px; }
    input.input_search:focus { box-shadow: 0 0 8px #F4F3F3; outline: none; }
.btn_search { display: block; position: absolute; left: 25px; top: 0px; height: 35px; width: 17px; padding: 0; border: none; box-shadow: none; webkit-box-shadow: none; overflow: hidden; text-indent: -99999px; background: url(images/search_icon.png) no-repeat 0px 10px; z-index: 1001; cursor: pointer; }
.box-news-search h1 { margin: 0px 0 15px 0; font-size: 16px; padding: 0 15px 0 0; color: #555; }
/*Start::Archive*/
.mt-30 { margin-top: 30px; }
.list-archive { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 6px; border: 1px solid #f9f9ff; border-radius: 3px; margin-bottom: 5px; transition: all 0.3s linear; }
    .list-archive:hover { background: #f9f9ff; }
span.text-archive { flex: auto; border-left: 1px solid #f9f9ff; }

span.count-archive { padding-right: 10px; padding-left: 4px; }
/*End::Archive*/
/*Start:pagination*/
ul.pagination li a {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 0 15px;
}

ul.pagination li.active a {
        z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

ul.pagination {
    align-items: center;
    justify-content: center;
}
/*End:pagination*/

/*Start:copy*/
    .copy-text { position: relative; padding: 5px; background: #f7fbfc; border: 1px solid #e7e7e7; border-radius: 3px; display: flex; flex-direction: row-reverse;     align-items: center;}

        .copy-text input.copy-value { padding: 5px; font-size: 12px; color: #555; border: none; outline: none; background: none; width: 100%; text-align: left; }

        .copy-text button { position: relative; padding: 5px; background: #a400f8; border: none; outline: none; border-radius: 3px; cursor: pointer; }

            .copy-text button svg { fill: #fff; }

            .copy-text button:active { background: #c04afd; }
            .copy-text button:before { content: "ĆĀ©Ć™Ā¾Ć›Å’ ĆĀ´ĆĀÆ"; position: absolute; top: -40px; right: -15px; display: block; width: 55px; background: #a400f8; color: #fff; padding: 5px 0; border-radius: 50px; font-size: 12px; display: none; }

            .copy-text button:after { content: ""; position: absolute; top: -20px; right: 30%; width: 10px; height: 10px; background: #a400f8; transform: translate(0,0px) rotate(45deg); display: none; }
        .copy-text.active button:before,
        .copy-text.active button:after { display: block; }
.short-link {
    display: flex;
    justify-content: flex-end;
}
/*start:copy*/

@media (max-width:425px) {
    .post-meta {/* flex-direction: column; */flex-wrap: wrap;align-items: stretch;align-content: flex-start;}
    .post-share { flex-direction: column; }
}

@media (max-width:600px) {
    .post-body h4 { font-size: 14px }
    .post-body p { font-size: 12px }
    .listing-mix .listing-modern-grid h4.title { font-size: 14px }
    .listing-mix .listing-modern-grid p { font-size: 12px }
    .listing-mix .title-post h4.title a { font-size: 14px; }
}

@media (min-width: 300px) {
    .listing-mix .listing-thumbnail .featured.featured-type-featured-image { height: 200px; }
}

@media (min-width: 360px) {
    .wrap-related .post-col { flex: 0 0 auto; width: 100%; }
    .wrap-related .post-content { width: auto; margin-bottom: 15px; }
    .post-content {margin: 0 auto 20px auto;/* border: none; */width: 315px;}
    .listing-type-post { margin: 0 auto 30px auto; border: none; width: 315px; }
    .has-post-thumbnail { margin: 0 auto 30px auto; border: none; width: 315px; }
}

@media (min-width: 460px) {
    .post-content {margin: 0 auto 20px auto;width: 100%;}
    .post-col { flex: 0 0 auto; width: 50%; }
    .post-comment .post-col { width: 100%; }
    .post-text {/* margin-bottom: 15px; */min-height: 202px;}

    .wrap-related .post-col { flex: 0 0 auto; width: 50%; }
        .wrap-related .post-col .post-text { min-height: 100%; }
    .post-body { padding: 15px 0 }
    .has-post-thumbnail { width: 100%; }
    .has-post-thumbnail { margin: 0 auto 30px auto; border: none; width: 315px; }

    .listing-thumbnail.post-col { width: 100%; }
}

@media (min-width:600px) {
    .post-comment .post-col-6 { width: 50%; }
    .has-post-thumbnail { border: none; width: 100%; margin: 0; }
    .listing-type-post { display: flex; width: 100%; }
    .listing-mix .listing-modern-grid .item-content { width: 260px; }
    .listing-mix .listing-modern-grid .content-container { padding: 0 15px }
    .listing-mix .listing-modern-grid .term-badges { margin-top: 0 }
    .listing-mix .item-inner { display: flex; margin-bottom: 25px; flex-direction: row; }
    .listing-mix .listing-thumbnail .featured.featured-type-featured-image { width: 260px; }
    .title-post { flex: 1; padding: 0 15px; }
    .listing-mix .title-post h4.title { margin-top: 0 }
        .listing-mix .title-post h4.title a { font-size: 18px; }
    .post-column { flex: 1 0 0%; }
    .form-footer { display: flex; flex-direction: row; align-items: center; }
}

@media (min-width: 700px) {

    .post-col {flex: 0 0 auto;width: 100%;}
    .post-content {margin-bottom: 20px;display: flex;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
    .post-text { min-height: 100%; }
    .post-image {width: 200px;height: 145px;}
    .post-body { padding: 0 15px }

    .wrap-related .post-content { display: flex; margin-bottom: 15px; flex-direction: row; }
    .wrap-related .post-col { flex: 0 0 auto; width: 100%; }
    .wrap-related .post-content .post-body h4 { font-size: 18px; }
    .wrap-related .post-col .post-text { min-height: 100%; padding-right: 15px; }
}

@media (min-width: 870px) {

   /* .post-col { flex: 0 0 auto; width: 33.33333333%; }
    .post-content {display: flex;flex-direction: column;}
    .post-image { width: 100%; margin: 0; }
    .rtl .post-image { width: 100%; margin: 0; }
    .post-text { margin-bottom: 15px; }

    .post-body { padding: 15px 0 }
    .wrap-related .post-content { display: flex; margin-bottom: 15px; flex-direction: column; }
    .wrap-related .post-col { flex: 0 0 auto; width: 33.33333333%; }
        .wrap-related .post-col .post-text { min-height: 100%; }*/
}

@media (min-width: 992px) {
   /* .post-col { flex: 0 0 auto; width: 100%; }
    .post-content { display: flex; flex-direction: row; }
    .post-image { width: 260px; }
    .rtl .post-image { width: 260px; }
    .post-body { padding: 0 15px }
    .listing-type-post { display: flex; width: 100%; flex-direction: column; }
    .listing-mix .listing-modern-grid .item-content { width: 100%; height: 100%; }
    .listing-mix .listing-modern-grid .term-badges { margin-top: 10px }
    .listing-mix .listing-modern-grid .content-container { padding: 15px 0px 0px; margin-bottom: 0; }
    .listing-mix .item-inner { flex-direction: column; }
    .listing-mix .listing-thumbnail .featured.featured-type-featured-image { width: 100%; margin-bottom: 15px; height: auto; }
    .title-post { padding: 0px; }
    .listing-mix .title-post h4.title a { font-size: 15px; }
    .title-list { margin-top: 0px; }*/
}

@media (min-width: 1200px) {
   /* .post-col { width: 100%; flex: 0 0 auto; }
    .post-content { display: flex; }
    .post-image { width: 330px; margin-right: 15px; margin-left: 0; }
    .rtl .post-image { width: 330px; margin-left: 15px; margin-right: 0; }
    .post-text { margin-bottom: 0; }
    .listing-thumbnail.post-col { width: 50%; flex: 0 0 auto; }
    .wrap-related .post-col .post-text { padding-right: 0px; }*/
}
</pre></body></html>